<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="UTF-8">
        <title>Title</title>
        <script src="../js/jquery-3.4.1.min.js"></script>
        <script>

            //原生js的方式
            // DOM对象.属性名      DOM对象.属性名=值
            // DOM对象.getAttribute("属性名")   DOM对象.setAttribute("属性名","属性值")


            //jQuery的方式
            // jQuery对象.attr("属性名") 获取属性值
            // jQuery对象.attr("属性名","值") 设置属性值
            // jQuery对象.removeAttr("属性名") 根据属性名删除属性

            $(function(){
                // var img=document.querySelector("img");//img的DOM对象
                // console.log(img.src);
                // console.log(img.getAttribute("src"));

                // console.log($("img").attr("src"));//获取属性值


                //设置属性值
                // $("img").attr("src","../images/cute.png");

                //删除指定属性
                $("img").removeAttr("src");

            });
        </script>
    </head>
    <body>
        <img src="../images/01.gif" alt="">
    </body>
</html>